@import "print.css";

html {
    height:100%;
}
body {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
    height:100%;
}
a, a:hover {
    cursor:pointer;
    text-decoration:none;
}
.popover {
    min-width:180px;
}
.navbar-container {
    padding:0;
}
.gridStyle {
    height:550px;
    border:1px solid #ddd;
}
.center {
    text-align;center;
}
.help-block {
    display:inline-block;
}
#gridSearchInput {
    height:31px;
}
.height-100p {
    height:100%;
}
.width-100 {
    width:100% !important;
}
.mt-10{
    margin-top:10px;
}
.no-padding {
    padding:0 !important;
}
table.table-grid {
    table-layout: fixed;
}
table.table-grid tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/***/

commonform {
    padding-top:30px;
    display:block;
}
.form-no-valid .form-group {
    color:#000 !important;
}
.form-horizontal .form-group {
    min-height:40px;
}
.form-actions {
    margin-bottom:0;
    clear:both;
}
.actionsBtn {
    margin-bottom:10px;
}
.actions-search-box {
    width:200px;
}
.actions-search-box input {
    padding:0 5px;
}
.actions-search-box input:focus {
    outline: none;
    box-shadow:none;
}
.actionsBtn .btn {
    height:30px;
    line-height:30px;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.actions-btn-left .btn-group {
    margin-right:8px;
}

.dropdown-menu li.disabled a,.dropdown-menu li.disabled a:hover,.dropdown-menu li.disabled a:visited{
    color:#ddd;
}
.actionsBtn .dropdown-menu {
    min-width:0;
}

.footer-copy {
    margin-top:20px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    top:-2px;right:0;
}

.grid-page-select-box {
    width:120px;
    margin-left:10px;
}
.grid-page-select-box .btn {
    border-left:0;
}
/**
*   bills
*/
.billContainer {
    border:1px solid #CFCFCF;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
    padding:10px 20px;
    margin-bottom:20px;
}
.workflowBillContainer {
    border-color:#87b87f;
    box-shadow:0 1px 5px rgb(135, 184, 127);
}
.billContainer .form-control {
    height:auto !important;
}
.billContainer .tdEditAble input {
    height:100% !important;
}
.billHeader {
    padding:10px 0;
}
.billHeader label,.billHeader input,.billHeader span {
    font-size:12px;
}
.billHeader label,.billHeader span {
    height:30px;line-height:30px;
    margin:0;
}
.billHeader commonform{
    margin:0 !important;
    padding:0;
}
.billHeader .form-group {
    min-height:0;
    margin:0;
}
.billHeader .form-group label {
    padding-top:1px;
}
.billHeader .help-block {
    margin:0;padding:0;
}

.billBody table {
    table-layout:fixed ;
}
.billBody table thead th {
    text-align:center;
}
.billBody table thead th:nth-child(1), .billBody table tbody th:nth-child(1) {
    width:40px;
}
.billBody table thead th:nth-child(2) {
    width:60px;
}
.billBody table td {
    position:relative;
    padding:0 5px !important;height:36px;line-height:38px !important;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.billBody table td label {
    max-width:100%;height:34px;line-height:34px;
    display:block;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    margin:0;
}
.billBody table td .editAble, .billBody table td .ui-select-search, .billBody table td select {
    position:absolute;
    left:0;top:0;
    width:100%;
    background:#fff !important;
    border:1px solid #4BB8F3;
    border:0;
    box-shadow:0 !important;
    border-radius: 0;
    height:35px;
    color:#000;

}
.billBody input.editAble:focus {
    box-shadow:0 0px 2px 1px #12a4ed !important;
}

.chosen-container {
    min-width: 80%;
    background:#fff !important;
    display:inline-block;
    width:auto !important;
}

.chosen-container a {
    background:#fff !important;
    border-radius:0 !important;
}
.chosen-container-active a{
    border:1px solid #4492c9 !important;
}
.chosen-container .chosen-drop {
    border-color:#4492c9;
}
.chosen-container-active .chosen-choices {
    border-color:#4492c9;
}
.billBody .chosen-container {
    position:absolute;
    left:0;top:0;
    width:100%;
    height:35px;
    line-height:35px;
    background:#fff;
}
.billBody .chosen-container .chosen-single {
    height:35px;line-height:35px;
    background:0;
    border:0;
    box-shadow:none !important;
    border-radius: 0 !important;
}
.billBody .chosen-container .chosen-single b {
    display:none;
}
.billBody .chosen-container.chosen-with-drop .chosen-single{
    border:1px solid #4492c9;
    border-bottom:0;
    border-color:#aaa;
}
.billBody .rowHead {
    text-align:center;
}
.billBody .rowHead i {
    cursor:pointer;
    margin:0 3px;
}
.typeAheadList {
    position:absolute;
    width:100%;
    border:1px solid #ddd;
    top:38px;
    left:0;
    list-style:none;
    padding:0;
    margin:0;
    background:#fff;
}
.typeAheadList li {
    height:36px;line-height:36px;
    cursor:pointer;
}
.typeAheadList li:hover,.typeAheadList li.active {
    background:#f2f2f2;
}
.tdEditAble {
    position:relative;
}
.tdEditAble .chosen-container {
    border:0;
    height:34px;
}
.tdEditAble .chosen-container a {
    border:0 !important;
}
.tdEditAble .dropdown-menu {
    width:100%;
    margin:0;
}
.assignPermissionTable div.checkboxContainer label {
    display:inline-block;
    width:20%;
}

.alert.top {
    position:static !important;left:0;top:0;
    margin:0;
    margin-bottom:20px;
}
.alert,.alert:focus {
    box-shadow: none !important;
}

.datepicker {
    width:500px !important;
}
.timepicker .btn, .datepicker .btn {
    border:none !important;
}
.chosen-container-single .chosen-search:after {
    content: ""
}

.aside {
    max-width:30%;
}
.workflowProcessList .tree-item {
    height:auto;
}
.workflowProcessList.tree {
    /*overflow:hidden;*/
}

.selectize-control {
    height:30px;
}
.selectize-input {
    min-height:30px;
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    border-radius: 0;
    height:30px;
    font-size:12px;
}

.ui-select-match {
    line-height:31px;
}

.ui-select-choices-row .option span, .ui-select-match span {
    display:none;
}
.billBody .selectize-dropdown {
    top:35px;
    border-radius:0;
}
.billBody .selectize-input {
    border:none;
    box-shadow:none;
    line-height:35px;
    border-radius:0;
}
.billBody .selectize-input input, .selectize-input {
    padding:0 5px !important;
}
.billBody .selectize-input:after {
    display:none !important;
    color:#fff;
}

.tdTotalAble {
    font-weight:bold;
}



/** select3 */
.select3Container {
    position:absolute;
    z-index:9999;
    background:#fff;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    list-style:none;
    margin:0;
    padding:0;
    box-shadow:0 1px 2px 1px #12a4ed !important;
}
.select3Container li{
    height:26px;line-height:26px;overflow:hidden;
    padding:0 5px;
    font-size:12px;
    cursor:pointer;
    border:1px solid #ddd;
    border-top:0;border-bottom:0;
}
.select3Container li span {
    display:none;
}
.select3Container li.active {
    background:#2290e5;
    color:#fff;
    border-color:#2290e5;
}

/**/
.craftSetLink {
    font-size:smaller;
}




/*
    App Center
**/
.appDetailHeader {
    border-bottom:1px solid #ddd;
}
.row .btn-app {
    margin: 0 10px 10px 10px;
}






.modal-uploader {
    width:70%;
    margin: 50px auto;
}
.uploaderBtnContainer {
    position:relative;
    height:60px;
}
.uploaderBtn {
    position:absolute;left:0;top:0;
    z-index:9;
}
.uploaderBtnContainer input[type=file]{
    position:absolute;
    left:0;top:0;
    width:10px;height:10px;overflow:hidden;
    z-index:8;
}
.drop-zone {
    border:5px dashed #ddd;
}
.uploaderTable th:first-child {
    width:180px;
}
.uploaderTable th:last-child{
    width:220px;
}

li.select3_add {
    background:#f2f2f2;
}
li.select3_add i {
    margin-right:10px;
}

.table-grid th {
    height:40px;background:#f2f2f2;
}
.table-grid th.th-id {
    width:50px;
    text-align:center;
}
.table-grid td.td-id {
    text-align:center;
}
.table-grid th.th-factory_code_all {
    width:100px;
}
.table-grid th.th-stock_direction {
    width:50px;
}
.table-grid td.td-stock_direction {
    text-align:center;
}
.table-grid td {
    min-height:40px;vertical-align: middle !important;
}
.pagination {
    margin:0;
}
.pagination > li {
    float:left;
    margin-left:3px;
}
.pagingInput {
    float:left;
    width:40px;
    text-align:center;
    padding-left:8px;
    height:33px;
}
th.sorting_asc,th.sorting_desc {
    background:#f3f3f3
}
.table-grid-operation a {
    color:#222;
    margin:0 3px;
}
.table-grid-operation a:hover {
    text-decoration:none;
    color:#428bca
}
.table-grid .td-unfound{
    padding:15px 0;
}

.nav-search ul.dropdown-menu {
    display:block;
}
.nav-search .dropdown-menu li {
    list-style:none;
}
.nav-search .dropdown-menu li ul li a {
    padding-left:13px;
    font-size:12px;
    display:block;
}
.nav-search .dropdown-menu li ul {
    margin:0;padding:0;
}
.nav-search .dropdown-menu li ul li{
    padding-left:0;
}

.contextMenuDropdown {
    position:absolute;
    margin:0;
    z-index:100;
    background:#fff;
}
.contextMenuDropdown li {
    list-style:none;
}
.dropdown-menu>li>a {
    display:block;
    padding: 3px 15px !important;
}
.contextMenuDropdown a:hover {
    text-decoration: none;
}
.contextMenuDropdown.dropdown-menu {
    display:block;
    min-width:0;
}

.contextMenuDropdown.dropdown-menu:focus {
    border:1px solid red !important;
}

.bottomAlertContainer {
    position:fixed;right:0;bottom:0;
    z-index:9999;
}
.bottomAlertContainer .alert {
    margin:0;padding:3px 5px;
    margin-top:5px;
}
.bottomAlertContainer .alert button {
    margin-top:-2px !important;
}

.detailViewTable {
    border:none !important;
    margin-top:30px;
}
.detailViewTable .control-label {
    border-right:1px solid #ddd;
    padding-right:10px !important;
    color:#666;
}
.dvt-info {
    padding:5px 10px;
}


.appDetail h3 {
    font-size:110%;
    font-weight:bold;
    color:#000;
}

#alerts-container {
    padding:0;
    position:fixed;
    z-index:999;
    bottom:100px;
    width:30%;
    text-align:center;
    left:50%;
    margin-left:-15%;
}
#alerts-container .alert{
    margin-bottom:10px;
    padding:8px 15px;
    border-radius: 25px;
    position:relative;
}
#alerts-container .alert .close {
    position:absolute;
    right:15px;
    top:6px;
}

#multiSearchModal .modal-dialog {
    width:80%;
}
#multiSearchModal .widget-body {
    height:160px;
}


/* top nav bar **/
.topest {
    height:50px;
    border-radius:0;
    line-height:50px;
    background:#438ED1;
    position:fixed;
    width:100%;
    z-index:87;
}
.topest a, .navbar a:hover {
    text-decoration:none
}

.topbar-brand {
    width:180px;height:50px;
    border-right:1px solid #337ab7;
}
.topbar-brand a.toggle_left_sidebar {
    width:50px;
    text-align:center;
    height:50px;
    color:#fff;
    font-size:30px;
    background:#337ab7;
    border-right:1px solid #337ab7;
    margin-right:6px;
}
.topbar-brand a.toggle_left_sidebar:hover {
    background:#438ED1
}
.topbar-brand a.logo {
    width:97px;height:50px;display:block;
    background:url(../../images/logo_mini_white.png) no-repeat left center;
    margin-left:10px;
}
.main-container {
    position:relative;
}
.main-container aside {
    position:fixed;
    top:50px;
    left: 0;
    width:180px;
    border-right: 1px solid #cccccc;
    background-color: #f2f2f2;
    min-height:100%;
}
.main-container aside > ul {
    padding: 0;
    border-top:1px solid #ccc;
}
.main-container aside > ul > li {
    list-style:none;
}
.main-container aside li.active {
    border-color:#337ab7
}
.main-container aside li.active li a.nav-a, .main-container aside li.active a.nav-a:hover {
    background:#337ab7;
    color:#fff;
}
.main-container aside .sidebar-nav li a.nav-a {
    color:#222;
    display:block;
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #cccccc;
}
.main-container aside .sidebar-nav a.nav-a i {
    font-size:16px;
    float:left;
    width:22px;
    height:40px;
    line-height:40px;
    margin: 0 2px 0 10px;
}
.main-container aside .sidebar-nav .fa-angel-down {
    margin-right:5px;
}
.main-container aside a, .main-container aside a:hover, .main-container aside a:active {
    text-decoration:none;
}
.main-container aside .submenu {
    list-style:none;
    padding-left:0;
}
.main-container aside .submenu a.nav-a {
    padding-left:15px;
    font-size:12px;
}
.main-container aside .submenu a.nav-a i {
    width:15px;
    margin:0;
}

.main-container aside.nexpand {
    width:50px;
}
.main-container aside a.nav-a span {
    margin-left:10px;
}
.main-container aside.nexpand a.nav-a span {
    display:none;
}
.main-container aside.nexpand a.nav-a i {
    display:none;
}
.main-container aside.nexpand > ul > li a.nav-a i:first-child {
    display:block;
    font-size:20px;
    width:50px;
    text-align:center;
    margin:0;
}
.main-container aside.nexpand .sidebar-user-photo {
    margin-left:5px;
}
.main-container aside.nexpand .sidebar-user-action {
    display:none;
}
.main-container aside.nexpand .tooltip {
    margin-top: -10px;
}

.main-container aside.nexpand .submenu i {
    display:none !important;
}
.main-container aside.nexpand .submenu a {
    margin-left:0;
    padding-left:0;
}
.main-container aside.nexpand .submenu a span {
    display:block !important;
    word-break:keep-all;white-space:nowrap;
}

.main-container aside {
    z-index:99;
}
.navbar-nav ul {
    margin: 0;
    padding:0;
}
.navbar-nav li {
    float:left;display:inline;
    width:50px;
    height:50px;
    font-size:18px;
}
.navbar-nav li a {
    color:#ddd;
    display:block;
    text-align:center;
    height:50px;
}
.navbar-nav li a:hover, .navbar-nav li a:active, .navbar-nav li.active a {
    color:#fff;
    background:#337ab7;
}
.topbar-right {
    border-left:1px solid #337ab7;
    margin-right:15px;
    position:relative;
}
.topbar-right a {
    color:#fff;
    margin-left:15px;
    position:relative;
}
.nav-search input {
    border:none;
    width:100%;
    padding:8px 5px;
    height:48px;
}
.nav-search .input-group-addon {
    border:none;
    background:#fff;
}
.sidebar-user {
    border-top:1px solid #ccc;
    padding: 10px 0;
}
.sidebar-user-action {
    margin-left:60px;
    text-align:right;
    line-height: 40px;
    height:40px;
}
.sidebar-user-photo {
    margin-left:10px;    
}
.sidebar-user-action a {
    margin-right:10px;
    font-size:18px;
    color:#222;
}
.main-content-container {
    margin-left:190px;
    padding:60px 10px 0 0;
    position:relative;
    z-index:80;
}
.main-content-container.when_sidebar_nexpand {
    margin-left:60px;
}
.loadingStateBar {
    height:2px;
    z-index:100;
    border:0;
    margin:0;
    padding:0;
    position:fixed;
    top:50px;
    width:100%;
}
.panel-heading, .panel-body {
    position:relative;
}
.panel-body {
    padding-bottom:60px;
}
.panel-body .panel-footer {
    position:absolute;
    width:100%;
    left:0;
    bottom:-1px;
}
.panel-toolbar {
    position: absolute;
    right:10px;
    top:14px;
}
.tooltip {
    z-index:9999;
}
.gridster-content {
    margin: -20px;
}
.gridster-item-moving .panel{
    border-color: #4492c9
}
.gridster-item-moving .panel-heading {
    border-top-color: #4492C9 !important;
}
.dashboard-block-container {
    margin-top:10px !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
}
.dashboard-block-item {
    position:relative;
}
.dashboard-block-item .panel-body, .dashboard-block-item .panel-default, .dashboard-block-item >:first-child >:first-child {
    height:100%;
    overflow:hidden;
}
.dashboard-block-item .panel-default .panel-heading {
    background:none;
    border-top:2px solid #ddd;
}

.main-content-heading {
    margin: -10px -10px 10px -10px;
    height:49px;line-height:49px;
    padding:0 13px;
    position:relative;
    background:#f2f2f2;
    border-bottom:1px solid #ccc;
    position:relative;
}
.main-content-heading h1 {
    margin: 0;
    font-size:16px;
    height:50px;line-height:50px;
}
.main-content-heading-tools {
    position:absolute;
    right:10px;
    top:0;
    font-size:20px;
}
.main-content-heading-tools a {
    margin-left:10px;
}
.main-content-heading-tools a.wiki,.main-content-heading-tools a.wiki {
    font-size:18px;
}
.main-content-heading-tools a.support {
    font-size:16px;
}

.panel-body .widget-main {
    padding-bottom:30px;
}

.profile-info-row {
    height:30px;line-height:30px;
    position:relative;
    margin-top:10px;
    
}
.profile-info-name, .profile-info-value {
    float:left;
}
.profile-info-name {
    width:100px;
    color:blue
}

.billContainer input {
    line-height:100% !important;
}

.chosen-single {
    height: 30px !important;
    line-height: 30px !important;
    -webkit-appearance: none;
    padding: 5px 8px;
}
